
import { Column } from '@ant-design/plots'
import React from 'react';


export interface IVideoRecordChart {
    "title": string,
    "type": string,
    "value": number,
    field: string
}

const VideoColumn:React.FC<{data:IVideoRecordChart[]}> = (props) => {
    const config = {
        data:props.data,
        xField: 'type',
        yField: 'value',
        isGroup: true,
        isStack: true,
        seriesField: 'field',
        groupField: 'title',
      };
    return <Column {...config} />
}


export default VideoColumn;